<template>
	<view class="lf-box">
		<page-head :transparent='false'>
			<slot slot="title">{{title.length>10?title.substr(0,10)+'...':title}}</slot>
		</page-head>
		<view class="img-box" v-for="(item, i) in imgList2" :key="i">
			<image 
				:src="item.img" 
				mode="widthFix" 
				@click="linkUrl(item.url, i)" >
			</image>
		</view>
	</view>
</template>

<script>

	// import lf1 from '../../static/img/fx/lf1.png'
	// import lf2 from '../../static/img/fx/lf2.png'
	// import lf3 from '../../static/img/fx/lf3.png'
	// import lf4 from '../../static/img/fx/lf4.png'
	// import lf5 from '../../static/img/fx/lf5.png'
	// import lf6 from '../../static/img/fx/lf6.png'
	// import lf7 from '../../static/img/fx/lf7.png'
	// import lf8 from '../../static/img/fx/lf8.png'
	
	import xf1 from '../../static/img/fx/xf1.png'
	import xf2 from '../../static/img/fx/xf2.png'
	import xf3 from '../../static/img/fx/xf3.png'
	
 	export default {
		data() {
			return {
				title: '返现活动',
				// imgList: [
				// 	{
				// 		img: lf1,
				// 		url: ''
				// 	},
				// 	{
				// 		img: lf2,
				// 		url: ''
				// 	},
				// 	{
				// 		img: lf3,
				// 		url: ''
				// 	},
				// 	{
				// 		img: lf4,
				// 		url: ''
				// 	},
				// 	{
				// 		img: lf5,
				// 		url: '../yunying/goodBuy'
				// 	},
				// 	{
				// 		img: lf6,
				// 		url: ''
				// 	},
				// 	{
				// 		img: lf7,
				// 		url: '../yunying/miaosha/ppz'
				// 	},
				// 	{
				// 		img: lf8,
				// 		url: ''
				// 	}
				// ],
				imgList2: [
					{
						img: xf1,
						url: ''
					},
					{
						img: xf2,
						url: ''
					},
					{
						img: xf3,
						url: '../yunying/miaosha/ppz'
					},
				]
			}
		},
		onLoad() {
			window.genCommonData()
		},
		methods: {
			linkUrl(url, i) {
				if (url !== '') {
					h5NavigateTo({
						url: decodeURI(url)
					});
				}
			}
		},
	}
</script>

<style lang="scss" scoped>
	.lf-box{
		width: 100%;
		
		.img-box{
			width: 100%;
			overflow: hidden;
			overflow-y: auto;
			
			image{
				width: 100%;
				display: block;
			}
		}
	}
</style>
